<!DOCTYPE html>
<html lang="">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width,initial-scale=1.0">
  <link rel="icon" href="<%= BASE_URL %>favicon.ico">
  <title>
    <%= htmlWebpackPlugin.options.title %>
  </title>
  <style>
    .app-start-loading {
      background-color: hsla(0, 0%, 100%, .9);
      margin: 0;
      position: fixed;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      transition: opacity .3s;
    }

    .app-start-loading .loading-spinner {
      top: 50%;
      margin-top: -25px;
      width: 100%;
      text-align: center;
      position: absolute;
    }

    .line-scale-pulse-out div {
      background-color: #409eff;
      width: 4px;
      height: 35px;
      border-radius: 2px;
      margin: 2px;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      display: inline-block;
      -webkit-animation: line-scale-pulse-out 0.9s -0.6s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85);
      animation: line-scale-pulse-out 0.9s -0.6s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85);
    }

    .line-scale-pulse-out div:nth-child(1),
    .line-scale-pulse-out div:nth-child(5) {
      animation-delay: -0.2s;
    }

    .line-scale-pulse-out div:nth-child(2),
    .line-scale-pulse-out div:nth-child(4) {
      animation-delay: -0.4s;
    }

    .app-start-loading .loading-text {
      top: 50%;
      margin-top: 50px;
      width: 100%;
      text-align: center;
      font-size: 18px;
      position: absolute;
    }

    @keyframes line-scale-pulse-out {
      0% {
        transform: scaley(1);
      }

      50% {
        transform: scaley(0.4);
      }

      100% {
        transform: scaley(1);
      }
    }
  </style>
  <script>
    window._AMapSecurityConfig = {
      securityJsCode: '07fddc628de15bb9369fe0dad289c05d'
    }
    if (window.navigator.userAgent.indexOf('AppleWebKit') === -1) {
      alert('建议使用最新的谷歌浏览器或使用浏览器极速模式')
    }
  </script>
</head>

<body>
  <noscript>
    <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled.
        Please enable it to continue.</strong>
  </noscript>
  <div id="app">
    <div class="app-start-loading" style="z-index: 2002;">
      <div class="loading-spinner">
        <div class="loader-inner line-scale-pulse-out">
          <div></div>
          <div></div>
          <div></div>
          <div></div>
          <div></div>
        </div>
      </div>
      <p class="loading-text">系统加载中...</p>
    </div>
  </div>
  <!-- built files will be auto injected -->
</body>

</html>